<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" session="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
    <META HTTP-EQUIV="Expires" CONTENT="0">
    <title>随机红包</title>

    <link href="${pageContext.request.contextPath}/static/css/common.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/css/bootstrap.min.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/font-awesome-4.3.0/css/font-awesome.min.css"
          rel="stylesheet">
    <!-- jqgrid-->
    <link href="${pageContext.request.contextPath}/static/plugins/jqGrid/css/custom.ui.jqgrid.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/layer/skin/layer.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/jqGrid/css/style.css" rel="stylesheet">
	<link href="${pageContext.request.contextPath}/static/plugins/select2-4.0.0/dist/css/select2.min.css" rel="stylesheet">
    <script src="${pageContext.request.contextPath}/static/js/jquery-1.11.3.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/jquery.form.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/common.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/jqGrid/js/i18n/grid.locale-cn.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/jqGrid/js/minified/jquery.jqGrid.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/layer/layer.js" type="text/javascript"></script>
    <script src="${pageContext.request.contextPath}/static/js/global.js"></script>
	<script src="${pageContext.request.contextPath}/static/plugins/select2-4.0.0/dist/js/select2.min.js"></script>
	<script type="text/javascript"
            src="${pageContext.request.contextPath}/static/plugins/My97DatePicker/WdatePicker.js"></script>

    <style type="text/css">
       .wrapper{
       		padding:20px;
       }    
       .lt{
       	float:left;
       }
       .rt{
       	float:right;
       }
       .panel{
       		padding:20px;
       }
       .clearfix{
       		overflow:hidden;
       }
       .left_box{
       		width:50%;
       }
       .right_box{
       		width:400px;
       		text-align:center;
       }
       .txt{
		color:#000;
		font-size:16px;
		width:200px;
		text-align:right;
		padding-right:20px;
	}
	 input{
	   display:inline-block;
	   height:30px;
	   width:400px;
	   border:none;
	   padding:0 20px;
	   text-align:right;
	   outline:none;
	}
	.titles{
		font-size:20px;
		*+font-size:18px;
		color:#333;
		overflow:hidden;
		width:100%;
		padding:5px 20px;
		background:#f8f8f8;
	}
	.titles .span1{
		float: left;
	}
	.titles .span2{
		float:right;
	}
	.wraper .btn-info{
		background:#228ded;
		border-color:#228ded;
		width:155px;
		height:36px;
		font-size:20px !important;
		line-height:18px;
		*+line-height:15px;
		outline:none;
	}
	.box{
		margin:10px 0;
		
	}
	input[type="button"]{
		background:#fff;
	}
	.box label{
	   border:1px solid #ccc;
	   border-radius:2px;
	   padding:2px;
       line-height: 28px;
       width:422px;
	}
	.pic_box{
		width:398px;
		height:304px;
	}
    </style>
</head>
<body >
<div class="wrapper">
     <div class="panel panel-default clearfix" style="height:500px;box-size:bordeer-box;padding-right:100px;">
          <div class="left_box lt">
          	<form action="">
			 	<div class="clearfix box">
			 		<div class="lt txt">红包名称：</div><label><input type="text" class="lt"  placeholder="请输入红包名称"/></label>
			 	</div>
			 	<div class="clearfix box">
			 		<div class="lt txt">红包金额：</div><label><input type="text" class="lt" placeholder="0.00"/>元</label>
			 	</div>
			 	<div class="clearfix box">
			 		<div class="lt txt">红包个数：</div><label><input type="text" class="lt"  placeholder="请输入红包个数"/>个</label>
			 	</div>
			 	
			 	<div class="clearfix box">
			 		<div class="lt txt">发送对象：</div>
  					  <label><input type="button" placeholder="请输入楼栋单元房间 " style="padding-right:0;"><span class="glyphicon glyphicon-chevron-right" style="position:relative;top:2px;left:0px;"></span></label>
			 	</div>
			 	<div class="clearfix box">
			 		<div class="lt txt">限领次数：</div><label><input type="text" class="lt" placeholder="请输入红包每人可领取次数"/>次</label>
			 	</div>
			 	<div class="clearfix box">
			 		<div class="lt txt">有效期限：</div><label><input type="text" class="lt" placeholder="请输入红包发放的有效期，如：1-7"/>天</label>
			 	</div>
			 	<div class="clearfix box">
			 		<div class="lt txt">发放时间：</div><label style="position:relative;"><input type="datetime" class="lt" placeholder="请选择红包发放的时间" /><img src="${pageContext.request.contextPath}/static/images/admin/wallet/time.jpg" class="rt" style="position:absolute;top:8px;right:4px;"></label>
			 	</div>
			 	<input class="btn btn-info" value="塞钱进红包" style="margin-left:200px;margin-top:20px; width:110px;background:#2e8ded !important;border-color:#2e8ded !important;"/>
			 	<input class="btn btn-info" value="取消" style="margin-left:10px;margin-top:20px; width:80px;background:#f9f9f9 !important;border-color:#dddddd !important;color:#666 !important;"/>
	 	</form>
          </div>   
          <div class="right_box rt">
          	<div class="pic_box">
          		<img src="${pageContext.request.contextPath}/static/images/admin/wallet/dehb_03.jpg"/>
          	</div>
          	<input class="btn btn-info" value="确定" style="margin-top:20px;width:100px;border-color:#1aa3a5 !important;"/>
          	<div style="width:100%; text-align:left;margin-top:10px;">添加图片链接：<input type="url" style="border:1px solid #ccc;width:310px;"/></div>
          </div>   
     </div>
 </div>
 <script type="text/javascript">
 
 </script>
</body>
</html>
